function Handline(option) {
    this._init(option);
}
Handline.prototype = {
    _init: function (option) {
        this.x = option.x == 0 ? 0 : option.x;
        this.y = option.y == 0 ? 0 : option.y;
        this.radius = option.radius || 150;
        this.angle = option.angle || 30;
        this.line = option.line || 140;
        this.strokeStyle = option.strokeStyle || '#ccc';
        console.log(this.strokeStyle);
    },
    render: function (ctx) {
        ctx.save();
        ctx.beginPath();
        ctx.translate(this.x, this.y);
        ctx.strokeStyle = this.strokeStyle;
        ctx.moveTo(this.radius * (Math.cos(this.angle * Math.PI / 180)), this.radius * (Math.sin(this.angle * Math.PI / 180)));
        ctx.lineTo(this.line * (Math.cos(this.angle * Math.PI / 180)), this.line * (Math.sin(this.angle * Math.PI / 180)));
        ctx.stroke();
        ctx.closePath();
        ctx.restore();
    }
}